<template>
  <div class="container">
    <h1>图片生成展示</h1>
    <el-image class="image" :src="img"></el-image>
    <!-- <img class="image" :src="img" alt="请前往AI绘画生成图片"> -->
    
  </div>
</template>
<script>
export default {
  data() {
    return {
      img: ''
    }
  },
  created() {
    // this.img = 'data:image/jpg;base64,' + this.$route.params.data
    
    this.img = this.$route.params.data
    // console.log(this.img)
  }
}
</script>
<style scoped>
.container {
  width: 80%;
  /* height: 60%; */
  margin: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.image {
  width: 500px;
  height: 600px;
}
</style>
